<!-- BEGIN CONTENT -->
	<div id="content">	    
	    <div class="box-out">
	    	<div class="box-in">
	    		<div class="box-head"><h1>Thêm mới tin tức</h1></div>
	    		<div class="box-content">
	    			<?php if($error):?>
	    			<div class="notification error-box" style="display:block">
	    				<div class="messages"><?php echo $error?><div class="close"><img src="<?php echo STATIC_DOMAIN ?>skins/admin/images/icon/close.png" alt="close" /></div></div>
	    			</div><!-- end div .notification error -->
	    			<?php endif;?>
	    			<?php if($success):?>
	    			<div class="notification success" style="display:block">
	    				<div class="messages"><?php echo $success;?> <div class="close"><img src="<?php echo STATIC_DOMAIN ?>skins/admin/images/icon/close.png" alt="close" /></div></div>
	    			</div><!-- end div .notification success -->
	    			<?php endif;?>
	    			<div class="notification warning">
	    				<div class="messages">Warning messages <div class="close"><img src="<?php echo STATIC_DOMAIN ?>skins/admin/images/icon/close.png" alt="close" /></div></div>
	    			</div><!-- end div .notification warning -->
	    			<div class="notification info">
	    				<div class="messages">info messages <div class="close"><img src="<?php echo STATIC_DOMAIN ?>skins/admin/images/icon/close.png" alt="close" /></div></div>
	    			</div><!-- end div .notification info -->	    			
	    			<div class="form">
	    				<form action="" method="post" name="frmNewAdd" id="frmNewAdd" enctype="multipart/form-data">	    					
    						<input type="hidden" name="frmToken" id="frmToken" value="<?php echo $frmToken; ?>"/>
                            <input type="hidden" name="id" value="<?php echo $content[0]['id']?>" />
		    					<label for="title_field">Tiêu đề</label>
	    						<input type="text" class="text medium" id="title_field" name="title" value="<?php echo $content[0]['title']?>"/>
		    					<label for="upload_field">Hình ảnh đại diện<input type="hidden" name="hidImg" value="<?php echo $content[0]['image']?>" /></label>
    							<input type="file" class="file" id="upload_field" name="upload"/><br />    					 
	    						<label for="content_field">Nội dung</label>
	    						<textarea id="content_field" class="mceSimple" name="content" rows="15" cols="80"><?php echo $content[0]['content']?></textarea>
    							<hr />
                                	<img id="hidbackground" src="<?php echo site_url("uploads/images/").'/'.$content[0]['image']?>" width="100px" height="100px" alt="">
    						<input type="submit" value="Accept" class="submit" name="Submit" />     						
	    				</form>
	    			</div><!-- end div .table -->
	    		</div><!-- end div .box-content -->
	    	</div><!-- end div .box-in -->
	    </div><!-- end div .box-out -->	    	    
	</div><!-- end div #content -->	
	<!-- END CONTENT -->
<script type="text/javascript">
	$(document).ready(function(){
		var error = "";
		if(error == 1)
			$(".error").show();
		$('.close').click(function(){
			$(this).parents('.notification').fadeOut(500);
		});
	});

	tinyMCE.init({
                // General options
				mode : "textareas",
				theme : "advanced",
				editor_selector : "mceSimple",					               
                convert_urls : false,
                entity_encoding : "raw",
                plugins : "imagemanager,pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist,autosave",
        
                // Theme options
                theme_advanced_buttons1 : "insertimage,save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontsizeselect",
                theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
                theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
                theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,spellchecker,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,blockquote,pagebreak,|,insertfile,insertimage",
                theme_advanced_toolbar_location : "top",
                theme_advanced_toolbar_align : "left",
                theme_advanced_statusbar_location : "bottom",
                theme_advanced_resizing : true,
        
                // Skin options
                skin : "o2k7",
                skin_variant : "silver",
        
                // Example content CSS (should be your site CSS)
               
                content_css : "<?php echo STATIC_DOMAIN ?>js/admin/tiny_mce/plugins/advimage/css/advimage.css",
                content_css : "<?php echo STATIC_DOMAIN ?>js/admin/tiny_mce/themes/advanced/skins/o2k7/dialog.css",
        
                // Drop lists for link/image/media/template dialogs
                template_external_list_url : "<?php echo STATIC_DOMAIN ?>js/admin/tiny_mce/lists/template_list.js",
                external_link_list_url : "<?php echo STATIC_DOMAIN ?>js/admin/tiny_mce/lists/link_list.js",
                external_image_list_url : "<?php echo STATIC_DOMAIN ?>js/admin/tiny_mce/lists/image_list.js",
                media_external_list_url : "<?php echo STATIC_DOMAIN ?>js/admin/tiny_mce/lists/media_list.js",
        
                // Replace values for the template plugin
                template_replace_values : {
                        username : "Some User",
                        staffid : "991234"
                }
        });

	$("#frmNewAdd").validate({
        invalidHandler: function(form, validator) {
            var errors = validator.numberOfInvalids();
            if (errors) {
                var firstItemId = validator.errorList[0].element.id;
                $("body, html").animate({
                    scrollTop : $("#"+firstItemId).position().top
                });
                $("#"+firstItemId).focus();
            }
        },
        errorElement: "li",
        wrapper: "ul class='errors'", 
        errorPlacement: function(error, element) {
            error.insertAfter(element);
        },
        rules: {
        	title : {
                required:true,
                minlength:10,
                maxlength:50
            },
            description: {
                required:true,
                minlength:100
            }            
        },
        messages: {
        	title : 'Nhập tối thiểu 10 kí tự - tối đa 50 kí tự!',
        	description : "Nhập tối thiểu 200 kí tự!"        	
        }
    });

	$("#frmNewAdd").validate({
        invalidHandler: function(form, validator) {
            var errors = validator.numberOfInvalids();
            if (errors) {
                var firstItemId = validator.errorList[0].element.id;
                $("body, html").animate({
                    scrollTop : $("#"+firstItemId).position().top
                });
                $("#"+firstItemId).focus();
            }
        },
        errorElement: "li",
        wrapper: "ul class='errors'", 
        errorPlacement: function(error, element) {
            error.insertAfter(element);
        },
        rules: {
        	title : {
                required:true,
                minlength:10,
                maxlength:50
            },
            description: {
                required:true,
                minlength:100
            }            
        },
        messages: {
        	title : 'Nhập tối thiểu 10 kí tự - tối đa 50 kí tự!',
        	description : "Nhập tối thiểu 200 kí tự!"        	
        }
    });

	function handleFileSelectBackground(evt) {
		   
	    var files = evt.target.files; // FileList object
	  
	    // Loop through the FileList and render image files as thumbnails.
	    for (var i = 0, f; f = files[i]; i++) {
	
	      // Only process image files.
	      if (!f.type.match('image.*')) {
	        continue;
	      }
	
	      var reader = new FileReader();
	
	      // Closure to capture the file information.
	      reader.onload = (function(theFile) {
	        return function(e) {
	          // Render thumbnail.
	          var span = document.createElement('span');
	         
	          document.getElementById('hidbackground').src =  e.target.result;
	          //poll.show_code();
	        };
	      })(f);	      	        
	      
	      // Read in the image file as a data URL.
	    reader.readAsDataURL(f);
	    }    
  	}
	document.getElementById('upload_field').addEventListener('change', handleFileSelectBackground, false);
	</script>